<nz-table #nzTable [nzData]="listOfData" nzTableLayout="fixed" [nzScroll]="{ x: 'auto' }">
  <thead>
  <tr>
    <th nzWidth="60px"></th>
    <th [nzChecked]="baseService.zorro.checked" [nzIndeterminate]="baseService.zorro.indeterminate"
        (nzCheckedChange)="baseService.zorro.onAllChecked($event)"></th>
    <th>编号</th>
    <th>系统模块</th>
    <th>操作类型</th>
    <th>请求方式</th>
    <th>管理员</th>
    <th>操作IP</th>
    <th>操作地点</th>
    <th>操作状态</th>
    <th>操作日期</th>
  </tr>
  </thead>
  <tbody>
  <ng-container *ngFor="let data of nzTable.data">
    <tr>
      <td [nzExpand]="baseService.zorro.expandSet.has(data.id)"
          (nzExpandChange)="baseService.zorro.onExpandChange(data.id, $event)"></td>
      <td
        [nzChecked]="baseService.zorro.setOfCheckedId.has(data.id)"
        [nzDisabled]="data.disabled"
        (nzCheckedChange)="baseService.zorro.onItemChecked(data.id, $event)"
      ></td>
      <td>{{data.id}}</td>
      <td nzEllipsis>{{ data.userName }}</td>
      <td nzEllipsis>{{ data.ip }}</td>
      <td nzEllipsis>{{ data.place }}</td>
      <td nzEllipsis>{{ data.browser }}</td>
      <td nzEllipsis>{{ data.system }}</td>
      <td nzEllipsis>{{ data.status }}</td>
      <td nzEllipsis>{{ data.dateTime}}</td>
      <td nzEllipsis>
        <a>
          <i nz-icon nzType="delete" nzTheme="twotone" [nzTwotoneColor]="'#F5222D'" nz-tooltip
             nzTooltipTitle="删除" nzTooltipPlacement="bottom"></i>
        </a>
      </td>
    </tr>
    <tr nzEllipsis [nzExpand]="baseService.zorro.expandSet.has(data.id)">
      <span>{{ data.details }}</span>
    </tr>
  </ng-container>
  </tbody>
</nz-table>
